<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style>
        /*
        语法 选择器1 + 空格 + 选择器2 {
        各种属性
        }

        作用范围:
        选择器1 的标签中 所有的 子标签 满足选择器2的标签
        后代选择器不一定要去是直接后代
       只要是被 包裹起来的就可以
        */
        div .one{
            color: limegreen;
        }
    </style>
</head>
<body>
<p class="one">月明星稀</p>
<div class="one">
    asdfasdf
    <div class="one">借问酒家何处有</div>
    <div class="two">牧童遥指杏花村</div>
    <table>
        <tr>
            <td class="one">第一列</td>
            <td>第二列</td>
        </tr>
    </table>
</div>
</body>
</html>